/*
    **设备管理页面
    *1.读取设备
    *2.添加设备
    *3.修改设备
    *4.删除设备
 */
$(function(){
/*
    ****1.读取设备信息start******
 */
    var pageIndex_record = 1;
    //筛选项默认为空时，显示所有数据
    getDeviceItem();
    
    //有筛选项时，点击查询按钮 显示过滤后的数据
    $("#searchBtn").click(function(){
        getDeviceItem();
        
    });

    function getDeviceItem(){
        
        function getDeviceDetail(pagesize,page,deviceid) {
            //若客户名称仪表编号sim卡号为空时设为null否则为表单元素中的值
            var s_clientname = $("#clientname").val() == "" ? null : $("#clientname").val(); //客户名称
            var s_deviceId = $("#deviceId").val() == "" ? null : $("#deviceId").val(); //仪表编号
            var s_simNum = $("#simNum").val() == "" ? null : $("#simNum").val(); //sim卡号码
            if (socket) {
                var data = { itemsPerPage: pagesize, currentPage: page, clientname:s_clientname, deviceid:s_deviceId, sim:s_simNum };
                console.log("select");
                socket.emit('data_device_select', data);
            }
        }
 
        // socket.on('connect', function () {
        //     console.log("connect");
        getDeviceDetail(10, pageIndex_record, null);
        // });
        
        $('#pageBox').pagination({
            callback: function (pageIndex, pagination) {
                pageIndex_record = pageIndex;
                getDeviceDetail(10, pageIndex, null);
                // 当查询到数据时，添加导出excel按钮
                $("form.data-view-select .form-group :eq(2)").append("<input type='button' class='btn btn-success' value='导出EXCEL'>");
            }
        });
    }

    socket.on('data_device', function (receivedata, itemcount) {
            console.log("receive data" + receivedata);
            set_json_data(receivedata,pageIndex_record);//处理数据并渲染到页面 pageIndex_record为当前页码
            $('#pageBox').pagination({
                total: itemcount,
                current: pageIndex_record
            });

    });
    socket.on('success',function(tablename){
            getDeviceItem();
    });
    socket.on('error',function(info){
            alert(info);
    });
/*
    ****2.添加设备信息start******
 */
    $("#addBtn").click(function(){
        //为按钮加data-target属性 data-target="#addDeviceModal" 打开新增设备信息的弹框
        $(this).attr("data-target", "#addDeviceModal");
        //修改弹框标题
        $("#addDeviceModal .modal-title").html("新增设备信息");
        //点击保存按钮 来新增一个设备信息
        $("#device_saveBtn").click(function(){
            var a_clientname = $("#new-clientname").val(),
                a_devicename = $("#new-devicename").val(),
                a_deviceid = $("#new-deviceid").val(),
                a_sim = $("#new-sim").val(),
                a_register = $("#new-register").val(),
                a_lockdevice = $("#new-lockdevice").val(),
                a_cycle = $("#new-cycle").val(),
                a_cdfb = $("#new-cdfb").val(),
                a_bjkg = $("#new-bjkg").val(),
                a_zone = $("#new-zone").val(),
                a_pos = $("#new-longitude").val()+"|"+$("#new-latitude").val(),//地理位置： 经度|纬度
                a_des = $("#new-des").val(),
                a_interval = $("#new-interval").val();
            var data = {
                        clientname: a_clientname, devicename: a_devicename, deviceid: a_deviceid,
                        sim: a_sim, register: a_register, lockdevice: a_lockdevice,
                        zone: a_zone, pos: a_pos, cdfb: a_cdfb, bjkg: a_bjkg,
                        col_cycle: a_cycle, status: 1
                        };
            socket.emit('data_device_insert', data);
        })
    });
    //弹框关闭时,清空表单输入的内容
    $("#closeBtn").click(function(){
        jQuery("#addForm").get(0).reset();
    })
/*
    ****3.修改设备信息start******
 */
    $("#editBtn").click(function(){
        var items = $("#item_table tbody :checkbox").size();//选项总个数
        var itemchk = 0;//选中个数
        var chk_value = [];//将选中的checkbox的值保存在数组中
        $("#item_table tbody :checkbox").each(function () { 
            if($(this).prop("checked")==true){ 
                itemchk++;
                chk_value.push($(this).val());//保存选中的value值，也就是设备信息的id
            }
        });
        console.log(chk_value);
        if(itemchk == 0){ //如果无选中项，弹出提示
            $(this).attr("data-target", "#nullModal");
        }else{ //如果有选中项 弹出 修改框
            $(this).attr("data-target", "#addDeviceModal");
            
            //如果选中项大于1,弹出框只显示第一个选中的设备的信息
            if(chk_value.length >= 1) {
                //将标题 添加改为修改
                $("#addDeviceModal .modal-title").html("修改设备信息 "+chk_value[0]);
                // getDeviceItem(chk_value[0]);
            }
        }
    })

/*
    ****4.删除设备信息start******
 */   
    $("#deleteBtn").click(function(){
        var items = $("#item_table tbody :checkbox").size();//选项总个数
        var itemchk = 0;//选中个数
        $("#item_table tbody :checkbox").each(function () { 
            if($(this).prop("checked")==true){ 
                itemchk++;
            }
        });
        if(itemchk == 0){ //如果无选中项，弹出提示
            $(this).attr("data-target", "#nullModal");
        }else{ //如果有选中项 弹出 修改框
            $(this).attr("data-target", "#deleteModal");
        }
    })

/*
    ****5.参数修改start******
 */
});